<template>
  <div class="wrapper">
    <div class="app">
      <router-view />
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss">
html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

.wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #f5f5f5;
}

.app {
  width: 100%;
  height: 100%;
  //max-width: 1920px;
  //max-height: 1080px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background-color: white;

  &::-webkit-scrollbar {
    display: none;
  }
  scrollbar-width: none;
  -ms-overflow-style: none;
}
</style>
